sannongzixunwang_web/pages/topic/[id].vue

<template>
    <div>
        <!-- 页面头部 -->
        <!-- <HomePageHead></HomePageHead> -->
        <AdvertisingHead></AdvertisingHead>
        <!-- 商圈详情 -->
        <div class="topicInfoBox">
            {{ dataInfo }}
        </div>
        <!-- 页面底部 -->
        <!-- <HomeFoot></HomeFoot> -->
        <AdvertisingFoot></AdvertisingFoot>
    </div>
</template>

<script setup>
//1.引用模块 start ---------------------------------------->
//使用ref和reactive动态变量
import { ref, reactive, onMounted } from 'vue'
import { useRoute } from 'vue-router';
//使用官方ssr请求模块
import { useNuxtApp, useFetch } from '#app'
//使用element-plus组件
import { ElTabs, ElTabPane, ElTable, ElTableColumn, ElPagination } from 'element-plus';
import request from '@/api/api';
//1.引用模块 end ---------------------------------------->

//2.页面数据 start ---------------------------------------->
const dataInfo = ref({})
//2.页面数据 end ---------------------------------------->


//2.获取商圈详情 start ---------------------------------------->
const route = useRoute();
const id = route.params.id; // 获取传递的 id 参数

const getTopicInfo = () => {
    request('chat/getTopicInfo', { id: id }).then(res => {
        dataInfo.value = res._rawValue.data.data;
    })
}
getTopicInfo();
console.log(dataInfo)
//2.获取商圈详情 end ---------------------------------------->
</script>

<style lang="less" scoped>
.topicInfoBox {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}
</style>